/*.root{*/
/*    display: block;*/
/*    z-index: 100;*/
/*    margin-top: 10px;*/
/*    height: 400px;*/
/*    width: 100%;*/
/*    float: right;*/
/*    margin-bottom:40px;*/
/*    animation:myfirst 5s;*/
/*    -moz-animation:myfirst 5s; !* Firefox *!*/
/*    -webkit-animation:myfirst 5s;*/
/*}*/
/*@-moz-keyframes myfirst {*/
/*   0% {width: 0}*/
/*    100% {width: 70%;}*/
/*}*/
/*@keyframes myfirst*/
/*{*/
/*    0% {width: 0}*/
/*    100% {width: 70%;}*/
/*}*/

/*@-moz-keyframes myfirst !* Firefox *!*/
/*{*/
/*    0% {width: 0}*/
/*    100% {width: 70%;}*/
/*}*/

/*@-webkit-keyframes myfirst !* Safari and Chrome *!*/
/*{*/
/*    0% {width: 0}*/

/*    100% {width: 70%;}*/
/*}*/

.mask {
    float: left;
    width: 25%;
    height: 826px;
    border: 1px solid;
    background-color: #7d807d;
    overflow: scroll;
}

.filteritem{
    padding: 10px;
    float: right;
    width: 75%;
    height: 100%;
}
.title{
    margin-top: 5px;
    display: flex;
    justify-content:space-between;
    justify-items: center;
    flex-wrap: wrap;
}
.item{
    border-bottom: 2px #f6f5f6 solid;
    margin-bottom: 30px;
}
.tag{
    border: 2px whitesmoke solid;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    margin: 10px;
    width: 60px;

}
.tagActive{
    transform: translate3d(0,0,0);
    background-color: #c9f4ea;
}

